


table {
    width: 100%;
    border-collapse: collapse;
}

th,
td {
    padding: 16px;
    text-align: left;
    border-bottom: 1px solid #EAECF0;
    border-right: 1px solid #EAECF0;
}

th:last-child,
td:last-child {
    border-right: none;
}

th {
    background: #fafbfc;
    font-weight: 500;
    color: #344054;
}

td {
    color: #475467;
}

input:focus {
    outline: none;
}

.search-input {
    width: 100%;
    padding: 8px 16px;
    border: 1px solid #D0D5DD;
    border-radius: 4px;
}

.search-input:focus {
    border-color: #4475FB;
    box-shadow: 0 0 0 4px rgba(68, 117, 251, 0.1);
}




//
//.common-table {
//    width: 100%;
//    border-collapse: collapse; // 合并边框
//    border-spacing: 0;
//
//    &__header {
//        background-color: #f3f7fc; // 表头背景色
//        th {
//            padding: 12px 16px;
//            font-size: 16px;
//            font-weight: 600;
//            color: #333;
//            border-bottom: 2px solid #e8ebf0;
//        }
//    }
//
//    &__body {
//        tr {
//            border-bottom: 1px solid #e8ebf0; // 行底边框
//            &:hover {
//                background-color: #fafbfc; //  hover高亮
//            }
//            &--even {
//                background-color: #fafbfc; // 偶数行背景色（可选）
//            }
//        }
//
//        td {
//            padding: 14px 16px;
//            font-size: 14px;
//            color: #666;
//            word-break: break-all; // 长文本换行（避免表格撑破）
//        }
//    }
//}
